<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:composite="http://java.sun.com/jsf/composite">

    <composite:interface>

        <composite:attribute name="typeDisabled"/>
        <composite:attribute name="statusDisabled"/>
        <composite:attribute name="channelDisabled"/>
        <composite:attribute name="orderedDisabled"/>
        <composite:attribute name="organizationDisabled"/>
        <composite:attribute name="addressDisabled"/>
        <composite:attribute name="personDisabled"/>
        <composite:attribute name="paymentTermDisabled"/>
        <composite:attribute name="freightOrganizationDisabled"/>
        <composite:attribute name="freightOrganizationPersonDisabled"/>
        <composite:attribute name="freightEstimatedCostDisabled"/>
        <composite:attribute name="freightEstimatedTransitTimeDisabled"/>
        <composite:attribute name="estimatedDeliveryDateDisabled"/>
        <composite:attribute name="referenceDisabled"/>
        <composite:attribute name="descriptionDisabled"/>
        <composite:attribute name="documentSearchDisabled"/>
        <composite:attribute name="amountDisabled"/>
        <composite:attribute name="discountDisabled"/>

        <composite:attribute name="typeRequired"/>
        <composite:attribute name="statusRequired"/> 
        <composite:attribute name="channelRequired"/>  
        <composite:attribute name="orderedRequired"/>  
        <composite:attribute name="organizationRequired"/>
        <composite:attribute name="estimatedDeliveryDateRequired"/>
        <composite:attribute name="addressRequired"/>  
        <composite:attribute name="personRequired"/> 
        <composite:attribute name="paymentTermRequired"/>
        <composite:attribute name="amountRequired"/>
        <composite:attribute name="discountRequired"/>

        <composite:attribute name="documentRendered"/>
        <composite:attribute name="documentSearchRendered"/>
        <composite:attribute name="orderedRendered"/>
        <composite:attribute name="orderedSearchRendered"/>
        <composite:attribute name="estimatedDeliveryDateRendered"/>
        <composite:attribute name="estimatedDeliveryDateSearchRendered"/>   
        <composite:attribute name="freightEstimatedCostRendered"/>
        <composite:attribute name="freightEstimatedCostSearchRendered"/>  
        <composite:attribute name="freightEstimatedTransitTimeRendered"/>
        <composite:attribute name="freightEstimatedTransitTimeSearchRendered"/>
        <composite:attribute name="amountRendered"/>
        <composite:attribute name="amountSearchRendered"/>
        <composite:attribute name="discountRendered"/>
        <composite:attribute name="discountSearchRendered"/>
        <composite:attribute name="productAmountRendered"/>
        <composite:attribute name="productAmountSearchRendered"/>   
        <composite:attribute name="productDiscountRendered"/>
        <composite:attribute name="productDiscountSearchRendered"/>
        <composite:attribute name="discountedProductAmountRendered"/>
        <composite:attribute name="discountedProductAmountSearchRendered"/>
        <composite:attribute name="totalDiscountRendered"/>
        <composite:attribute name="totalDiscountSearchRendered"/>        

        <composite:attribute name="documentSearchValue"/>

    </composite:interface>

    <p:tabView effect="fade">

        <p:tab title="#{bundle.Order}">

            <h:panelGrid columns="3"
                         columnClasses="columnWidth48, columnWidth4, columnWidth48"
                         width="90%"
                         style="margin-left: auto; margin-right: auto">

                <h:panelGrid columns="1"
                             columnClasses="columnWidth100"
                             rowClasses="rowAlign"
                             width="100%">

                    <p:outputLabel value="#{bundle.Document}"
                                   for="document"/>

                    <p:inputText id="document" 
                                 style="width: 100%; margin-bottom: 2%"
                                 value="#{orderHeaderController.selected.document}"
                                 tabindex="01"
                                 disabled="true"
                                 rendered="#{cc.attrs.documentRendered}">

                        <f:convertNumber pattern="#,##0"
                                         locale="#{localizationUtil.selected}"/>

                    </p:inputText>

                    <p:inputText id="documentSearch" 
                                 style="width: 100%; margin-bottom: 2%"
                                 value="#{cc.attrs.documentSearchValue}"
                                 tabindex="01"
                                 disabled="#{cc.attrs.documentSearchDisabled}"
                                 rendered="#{cc.attrs.documentSearchRendered}"/>          

                    <p:outputLabel value="#{bundle.Type}"
                                   for="type"/>

                    <p:selectOneMenu id="type" 
                                     style="width: 100%; margin-bottom: 1.2%"                          
                                     value="#{orderHeaderController.selected.type}"
                                     tabindex="03"
                                     converter="typeConverter"
                                     effect="fade"
                                     filter="true"
                                     filterMatchMode="contains"
                                     disabled="#{cc.attrs.typeDisabled}"
                                     required="#{cc.attrs.typeRequired}">

                        <f:selectItem itemLabel="#{orderHeaderController.selected.type.nameWithDisabledFormatting}"
                                      itemValue="#{orderHeaderController.selected.type}"/>

                        <f:selectItems value="#{orderHeaderController.selectType}"
                                       var="item"
                                       itemLabel="#{item.label}"
                                       itemValue="#{item}"/>

                    </p:selectOneMenu>       

                    <p:outputLabel value="#{bundle.Channel}"
                                   for="channel"/>

                    <p:selectOneMenu id="channel" 
                                     style="width: 100%; margin-bottom: 1.2%"                          
                                     value="#{orderHeaderController.selected.channel}"
                                     tabindex="05"
                                     converter="channelConverter"
                                     effect="fade"
                                     filter="true"
                                     filterMatchMode="contains"
                                     disabled="#{cc.attrs.channelDisabled}"
                                     required="#{cc.attrs.channelRequired}">

                        <f:selectItem itemLabel="#{orderHeaderController.selected.channel.nameWithDisabledFormatting}"
                                      itemValue="#{orderHeaderController.selected.channel}"/>

                        <f:selectItems value="#{orderHeaderController.selectChannel}"
                                       var="item"
                                       itemLabel="#{item.label}"
                                       itemValue="#{item}"/>

                    </p:selectOneMenu>                      

                </h:panelGrid>

                <p:spacer/>

                <h:panelGrid columns="1"
                             columnClasses="columnWidth100"
                             rowClasses="rowAlign"
                             width="100%">

                    <p:outputLabel value="#{bundle.Description}" 
                                   for="description"/>

                    <p:inputText id="description" 
                                 style="width: 100%; margin-bottom: 2%"
                                 value="#{orderHeaderController.selected.description}"
                                 tabindex="02"
                                 disabled="#{cc.attrs.descriptionDisabled}"/>

                    <p:outputLabel value="#{bundle.Status}"
                                   for="status"/>        

                    <p:selectOneMenu id="status" 
                                     style="width: 100%; margin-bottom: 1.2%"                          
                                     value="#{orderHeaderController.selected.status}"
                                     tabindex="04"
                                     converter="statusConverter"
                                     effect="fade"
                                     filter="true"
                                     filterMatchMode="contains"
                                     disabled="#{cc.attrs.statusDisabled}"
                                     required="#{cc.attrs.statusRequired}">

                        <f:selectItem itemLabel="#{orderHeaderController.selected.status.nameWithDisabledFormatting}"
                                      itemValue="#{orderHeaderController.selected.status}"/>

                        <f:selectItems value="#{orderHeaderController.selectStatus}"
                                       var="item"
                                       itemLabel="#{item.label}"
                                       itemValue="#{item}"/>

                    </p:selectOneMenu>

                    <p:outputLabel value="#{bundle.PaymentTerm}"
                                   for="paymentTerm"/>

                    <p:selectOneMenu id="paymentTerm" 
                                     style="width: 100%"                          
                                     value="#{orderHeaderController.selected.paymentTerm}"
                                     tabindex="06"
                                     converter="paymentTermConverter"
                                     effect="fade"
                                     filter="true"
                                     filterMatchMode="contains"
                                     disabled="#{cc.attrs.paymentTermDisabled}"
                                     required="#{cc.attrs.paymentTermRequired}">

                        <f:selectItem itemLabel="#{orderHeaderController.selected.paymentTerm.nameWithDisabledFormatting}"
                                      itemValue="#{orderHeaderController.selected.paymentTerm}"/>

                        <f:selectItems value="#{orderHeaderController.selectPaymentTerm}"
                                       var="item"
                                       itemLabel="#{item.label}"
                                       itemValue="#{item}"/>

                    </p:selectOneMenu>         

                </h:panelGrid>       

            </h:panelGrid>    

        </p:tab>

        <p:tab title="#{bundle.Organization}">

            <h:panelGrid columns="3"
                         columnClasses="columnWidth48, columnWidth4, columnWidth48"
                         width="90%"
                         style="margin-left: auto; margin-right: auto">

                <h:panelGrid columns="1"
                             columnClasses="columnWidth100"
                             rowClasses="rowAlign"
                             width="100%">

                    <p:outputLabel value="#{bundle.Organization}"
                                   for="organization"/>

                    <p:selectOneMenu id="organization" 
                                     style="width: 100%; margin-bottom: 1.2%"                          
                                     value="#{orderHeaderController.selected.organization}"
                                     valueChangeListener="#{orderHeaderController.organizationChange}"
                                     tabindex="07"
                                     converter="organizationConverter"
                                     effect="fade"
                                     filter="true"
                                     filterMatchMode="contains"
                                     disabled="#{cc.attrs.organizationDisabled}"
                                     required="#{cc.attrs.organizationRequired}">

                        <f:selectItem itemLabel="#{orderHeaderController.selected.organization.nameWithDisabledFormatting}"
                                      itemValue="#{orderHeaderController.selected.organization}"/>

                        <f:selectItems value="#{orderHeaderController.selectOrganization}"
                                       var="item"
                                       itemLabel="#{item.label}"
                                       itemValue="#{item}"/>

                        <p:ajax update="address"/>

                        <p:ajax update="person"/>

                    </p:selectOneMenu>

                    <p:outputLabel value="#{bundle.Address}"
                                   for="address"/>

                    <p:selectOneMenu id="address" 
                                     style="width: 100%; margin-bottom: 1.2%"                          
                                     value="#{orderHeaderController.selected.address}"
                                     tabindex="09"
                                     converter="addressConverter"
                                     effect="fade"
                                     filter="true"
                                     filterMatchMode="contains"
                                     disabled="#{cc.attrs.addressDisabled}"
                                     required="#{cc.attrs.addressRequired}">

                        <f:selectItem itemLabel="#{orderHeaderController.selected.address.nameWithDisabledFormatting}"
                                      itemValue="#{orderHeaderController.selected.address}"/>

                        <f:selectItems value="#{orderHeaderController.selectAddress}"
                                       var="item"
                                       itemLabel="#{item.label}"
                                       itemValue="#{item}"/>

                    </p:selectOneMenu>

                    <p:outputLabel value="#{bundle.Ordered}"
                                   for="ordered"/>  

                    <p:calendar id="ordered"
                                styleClass="calendarStyle"
                                value="#{orderHeaderController.selected.ordered}"
                                tabindex="11"
                                effect="fade" 
                                showWeek="true"
                                showButtonPanel="true"
                                locale="#{localizationUtil.selected}"
                                pattern="#{localizationUtil.dateFormatMediumPattern}"
                                timeZone="#{localizationUtil.defaultTimeZone}"
                                disabled="#{cc.attrs.orderedDisabled}"
                                required="#{cc.attrs.orderedRequired}"
                                rendered="#{cc.attrs.orderedRendered}"/>  

                    <p:inputText id="orderedSearch"
                                 style="width: 100%"
                                 value="#{orderHeaderController.orderedSearch}"
                                 tabindex="12"
                                 rendered="#{cc.attrs.orderedSearchRendered}"/>            

                </h:panelGrid>   

                <p:spacer/>

                <h:panelGrid columns="1"
                             columnClasses="columnWidth100"
                             rowClasses="rowAlign"
                             width="100%">

                    <p:outputLabel value="#{bundle.Reference}" 
                                   for="reference"/>

                    <p:inputText id="reference" 
                                 style="width: 100%; margin-bottom: 2%"
                                 value="#{orderHeaderController.selected.reference}"
                                 tabindex="08"
                                 disabled="#{cc.attrs.referenceDisabled}"/>

                    <p:outputLabel value="#{bundle.Person}"
                                   for="person"/>

                    <p:selectOneMenu id="person" 
                                     style="width: 100%; margin-bottom: 1.2%"                          
                                     value="#{orderHeaderController.selected.person}"
                                     tabindex="10"
                                     converter="personConverter"
                                     effect="fade"
                                     filter="true"
                                     filterMatchMode="contains"
                                     disabled="#{cc.attrs.personDisabled}"
                                     required="#{cc.attrs.personRequired}">

                        <f:selectItem itemLabel="#{orderHeaderController.selected.person.nameWithDisabledFormatting}"
                                      itemValue="#{orderHeaderController.selected.person}"/>

                        <f:selectItems value="#{orderHeaderController.selectPerson}"
                                       var="item"
                                       itemLabel="#{item.label}"
                                       itemValue="#{item}"/>

                    </p:selectOneMenu>

                    <p:outputLabel value="#{bundle.EstimatedDeliveryDate}"
                                   for="estimatedDeliveryDate"/>  

                    <p:calendar id="estimatedDeliveryDate"
                                styleClass="calendarStyle"
                                value="#{orderHeaderController.selected.estimatedDeliveryDate}"
                                tabindex="12"
                                effect="fade" 
                                showWeek="true"
                                showButtonPanel="true"
                                locale="#{localizationUtil.selected}"
                                pattern="#{localizationUtil.dateFormatMediumPattern}"
                                timeZone="#{localizationUtil.defaultTimeZone}"
                                disabled="#{cc.attrs.estimatedDeliveryDateDisabled}"
                                required="#{cc.attrs.estimatedDeliveryDateRequired}"
                                rendered="#{cc.attrs.estimatedDeliveryDateRendered}"/> 

                    <p:inputText id="estimatedDeliveryDateSearch"
                                 style="width: 100%"
                                 value="#{orderHeaderController.estimatedDeliveryDateSearch}"
                                 tabindex="13"
                                 rendered="#{cc.attrs.estimatedDeliveryDateSearchRendered}"/>          

                </h:panelGrid>       

            </h:panelGrid>        

        </p:tab>

        <p:tab title="#{bundle.FreightOrganization}">

            <h:panelGrid columns="3"
                         columnClasses="columnWidth48, columnWidth4, columnWidth48"
                         width="90%"
                         style="margin-left: auto; margin-right: auto">

                <h:panelGrid columns="1"
                             columnClasses="columnWidth100"
                             rowClasses="rowAlign"
                             width="100%">

                    <p:outputLabel value="#{bundle.FreightOrganization}"
                                   for="freightOrganization"/>

                    <p:selectOneMenu id="freightOrganization" 
                                     style="width: 100%; margin-bottom: 1.2%"                          
                                     value="#{orderHeaderController.selected.freightOrganization}"
                                     valueChangeListener="#{orderHeaderController.freightOrganizationChange}"
                                     tabindex="13"
                                     converter="organizationConverter"
                                     effect="fade"
                                     filter="true"
                                     filterMatchMode="contains"
                                     disabled="#{cc.attrs.freightOrganizationDisabled}">

                        <f:selectItem itemLabel="#{orderHeaderController.selected.freightOrganization.nameWithDisabledFormatting}"
                                      itemValue="#{orderHeaderController.selected.freightOrganization}"/>

                        <f:selectItems value="#{orderHeaderController.selectFreightOrganization}"
                                       var="item"
                                       itemLabel="#{item.label}"
                                       itemValue="#{item}"/>

                        <p:ajax update="freightOrganizationPerson"/>

                    </p:selectOneMenu>

                    <p:outputLabel value="#{bundle.FreightEstimatedCost}"
                                   for="freightEstimatedCost"/>

                    <p:inputText id="freightEstimatedCost" 
                                 style="width: 100%"
                                 value="#{orderHeaderController.selected.freightEstimatedCost}"
                                 tabindex="15"
                                 disabled="#{cc.attrs.freightEstimatedCostDisabled}"
                                 rendered="#{cc.attrs.freightEstimatedCostRendered}">

                        <f:convertNumber pattern="#,##0.00"
                                         locale="#{localizationUtil.selected}"/>

                    </p:inputText> 

                    <p:inputText id="freightEstimatedCostSearch"
                                 style="width: 100%"
                                 value="#{orderHeaderController.freightEstimatedCostSearch}"
                                 tabindex="15"
                                 rendered="#{cc.attrs.freightEstimatedCostSearchRendered}"/>           

                </h:panelGrid>

                <p:spacer/>

                <h:panelGrid columns="1"
                             columnClasses="columnWidth100"
                             rowClasses="rowAlign"
                             width="100%">

                    <p:outputLabel value="#{bundle.FreightOrganizationPerson}"
                                   for="freightOrganizationPerson"/>

                    <p:selectOneMenu id="freightOrganizationPerson" 
                                     style="width: 100%; margin-bottom: 1.2%"                          
                                     value="#{orderHeaderController.selected.freightOrganizationPerson}"
                                     tabindex="14"
                                     converter="personConverter"
                                     effect="fade"
                                     filter="true"
                                     filterMatchMode="contains"
                                     disabled="#{cc.attrs.freightOrganizationPersonDisabled}">

                        <f:selectItem itemLabel="#{orderHeaderController.selected.freightOrganizationPerson.nameWithDisabledFormatting}"
                                      itemValue="#{orderHeaderController.selected.freightOrganizationPerson}"/>

                        <f:selectItems value="#{orderHeaderController.selectFreightOrganizationPerson}"
                                       var="item"
                                       itemLabel="#{item.label}"
                                       itemValue="#{item}"/>

                    </p:selectOneMenu> 

                    <p:outputLabel value="#{bundle.FreightEstimatedTransitTime}"
                                   for="freightEstimatedTransitTime"/>

                    <p:inputText id="freightEstimatedTransitTime" 
                                 style="width: 100%"
                                 value="#{orderHeaderController.selected.freightEstimatedTransitTime}"
                                 tabindex="16"
                                 disabled="#{cc.attrs.freightEstimatedTransitTimeDisabled}"
                                 rendered="#{cc.attrs.freightEstimatedTransitTimeRendered}">

                        <f:convertNumber pattern="#,##0"
                                         locale="#{localizationUtil.selected}"/>

                    </p:inputText> 

                    <p:inputText id="freightEstimatedTransitTimeSearch"
                                 style="width: 100%"
                                 value="#{orderHeaderController.freightEstimatedTransitTimeSearch}"
                                 tabindex="16"
                                 rendered="#{cc.attrs.freightEstimatedTransitTimeSearchRendered}"/>          

                </h:panelGrid>      

            </h:panelGrid>    

        </p:tab>

        <p:tab title="#{bundle.Amount}">

            <h:panelGrid columns="3"
                         columnClasses="columnWidth48, columnWidth4, columnWidth48"
                         width="90%"
                         style="margin-left: auto; margin-right: auto">

                <h:panelGrid columns="1"
                             columnClasses="columnWidth100"
                             rowClasses="rowAlign"
                             width="100%"> 

                    <p:outputLabel value="#{bundle.ProductAmount}"
                                   for="productAmount"/>

                    <p:inputText id="productAmount" 
                                 style="width: 100%; margin-bottom: 2%"
                                 value="#{orderHeaderController.selected.productAmount}"
                                 tabindex="17"
                                 disabled="true"
                                 rendered="#{cc.attrs.productAmountRendered}">

                        <f:convertNumber pattern="#,##0.00"
                                         locale="#{localizationUtil.selected}"/>

                    </p:inputText>

                    <p:inputText id="productAmountSearch" 
                                 style="width: 100%; margin-bottom: 2%"
                                 value="#{orderHeaderController.productAmountSearch}"
                                 tabindex="17"
                                 rendered="#{cc.attrs.productAmountSearchRendered}"/> 

                    <p:outputLabel value="#{bundle.DiscountedProductAmount}"
                                   for="discountedProductAmount"/>

                    <p:inputText id="discountedProductAmount" 
                                 style="width: 100%; margin-bottom: 2%"
                                 value="#{orderHeaderController.selected.discountedProductAmount}"
                                 tabindex="19"
                                 disabled="true"
                                 rendered="#{cc.attrs.discountedProductAmountRendered}">

                        <f:convertNumber pattern="#,##0.00"
                                         locale="#{localizationUtil.selected}"/>

                    </p:inputText>

                    <p:inputText id="discountedProductAmountSearch" 
                                 style="width: 100%; margin-bottom: 2%"
                                 value="#{orderHeaderController.discountedProductAmountSearch}"
                                 tabindex="19"
                                 rendered="#{cc.attrs.discountedProductAmountSearchRendered}"/>                     

                    <p:outputLabel value="#{bundle.Amount}"
                                   for="amount"/>

                    <p:inputText id="amount" 
                                 style="width: 100%"
                                 value="#{orderHeaderController.selected.amount}"
                                 tabindex="21"
                                 valueChangeListener="#{orderHeaderController.amountUpdate}"
                                 required="#{cc.attrs.amountRequired}"
                                 disabled="#{cc.attrs.amountDisabled}"
                                 rendered="#{cc.attrs.amountRendered}">

                        <f:convertNumber pattern="#,##0.00"
                                         locale="#{localizationUtil.selected}"/>

                        <p:ajax update="discount"/>

                        <p:ajax update="totalDiscount"/>

                    </p:inputText>

                    <p:inputText id="amountSearch" 
                                 style="width: 100%"
                                 value="#{orderHeaderController.amountSearch}"
                                 tabindex="21"
                                 rendered="#{cc.attrs.amountSearchRendered}"/>

                </h:panelGrid>

                <p:spacer/>

                <h:panelGrid columns="1"
                             columnClasses="columnWidth100"
                             rowClasses="rowAlign"
                             width="100%">

                    <p:outputLabel value="#{bundle.ProductDiscount}"
                                   for="productDiscount"/>            

                    <p:inputText id="productDiscount" 
                                 style="width: 100%; margin-bottom: 2%"
                                 value="#{orderHeaderController.selected.productDiscount}"
                                 tabindex="18"
                                 disabled="true"
                                 rendered="#{cc.attrs.productDiscountRendered}">

                        <f:convertNumber pattern="#,##0.00"
                                         locale="#{localizationUtil.selected}"/>

                    </p:inputText> 

                    <p:inputText id="productDiscountSearch" 
                                 style="width: 100%; margin-bottom: 2%"
                                 value="#{orderHeaderController.productDiscountSearch}"
                                 tabindex="18"
                                 rendered="#{cc.attrs.productDiscountSearchRendered}"/> 

                    <p:outputLabel value="#{bundle.Discount}"
                                   for="discount"/>            

                    <p:inputText id="discount" 
                                 style="width: 100%; margin-bottom: 2%"
                                 value="#{orderHeaderController.selected.discount}"
                                 tabindex="20"
                                 valueChangeListener="#{orderHeaderController.discountUpdate}"
                                 required="#{cc.attrs.discountRequired}"
                                 disabled="#{cc.attrs.discountDisabled}"
                                 rendered="#{cc.attrs.discountRendered}">

                        <f:convertNumber pattern="#,##0.00"
                                         locale="#{localizationUtil.selected}"/>

                        <p:ajax update="amount"/>

                        <p:ajax update="totalDiscount"/>

                    </p:inputText> 

                    <p:inputText id="discountSearch" 
                                 style="width: 100%; margin-bottom: 2%"
                                 value="#{orderHeaderController.discountSearch}"
                                 tabindex="20"
                                 rendered="#{cc.attrs.discountSearchRendered}"/>  

                    <p:outputLabel value="#{bundle.TotalDiscount}"
                                   for="totalDiscount"/>            

                    <p:inputText id="totalDiscount" 
                                 style="width: 100%"
                                 value="#{orderHeaderController.selected.totalDiscount}"
                                 tabindex="22"
                                 disabled="true"
                                 rendered="#{cc.attrs.totalDiscountRendered}">

                        <f:convertNumber pattern="#,##0.00"
                                         locale="#{localizationUtil.selected}"/>

                    </p:inputText> 

                    <p:inputText id="totalDiscountSearch" 
                                 style="width: 100%"
                                 value="#{orderHeaderController.totalDiscountSearch}"
                                 tabindex="22"
                                 rendered="#{cc.attrs.totalDiscountSearchRendered}"/>                     

                </h:panelGrid>      

            </h:panelGrid>                    

        </p:tab>

    </p:tabView>

    <p:dialog header="#{bundle.AdditionalInfo}"
              widgetVar="additionalInfoDialog" 
              resizable="false" 
              modal="true" 
              showEffect="fade"
              hideEffect="fade" 
              draggable="false"
              width="48%"
              style="margin-left: auto; margin-right: auto">

        <h:panelGrid columns="3"
                     columnClasses="columnWidth48, columnWidth4, columnWidth48"
                     width="90%"
                     style="margin-left: auto; margin-right: auto">

            <h:panelGrid columns="1"
                         columnClasses="columnWidth100"
                         rowClasses="rowAlign"
                         width="100%">

                <p:outputLabel value="#{bundle.Id}" 
                               for="id"/>

                <p:inputText id="id" 
                             style="width: 100%; margin-bottom: 2%"
                             value="#{orderHeaderController.selected.id}"
                             disabled="true"/>         

                <p:outputLabel value="#{bundle.CreatedBy}" 
                               for="createdBy"/>

                <p:inputText id="createdBy" 
                             style="width: 100%; margin-bottom: 2%"
                             value="#{orderHeaderController.selected.createdBy.name}"
                             disabled="true"/>

                <p:outputLabel value="#{bundle.UpdatedBy}" 
                               for="updatedBy"/>

                <p:inputText id="updatedBy"   
                             style="width: 100%"
                             value="#{orderHeaderController.selected.updatedBy.name}"
                             disabled="true"/>         

            </h:panelGrid>

            <p:spacer/>

            <h:panelGrid columns="1"
                         columnClasses="columnWidth100"
                         rowClasses="rowAlign"
                         width="100%">

                <p:spacer/>

                <p:spacer style="margin-bottom: 12.2%"/>

                <p:outputLabel value="#{bundle.Created}" 
                               for="created"/>

                <p:inputText id="created"
                             style="width: 100%; margin-bottom: 2%"
                             value="#{orderHeaderController.selected.created}"
                             disabled="true">

                    <f:convertDateTime 
                        locale="#{localizationUtil.selected}" 
                        type="both"
                        pattern="#{localizationUtil.dateTimeFormatMediumPattern}" 
                        timeZone="#{localizationUtil.defaultTimeZone}"/>      

                </p:inputText>  

                <p:outputLabel value="#{bundle.Updated}" 
                               for="updated"/>

                <p:inputText id="updated"
                             style="width: 100%"
                             value="#{orderHeaderController.selected.updated}"
                             disabled="true">

                    <f:convertDateTime 
                        locale="#{localizationUtil.selected}" 
                        type="both"
                        pattern="#{localizationUtil.dateTimeFormatMediumPattern}" 
                        timeZone="#{localizationUtil.defaultTimeZone}"/>

                </p:inputText>         

            </h:panelGrid>    

        </h:panelGrid>

    </p:dialog>   

</html>